/*# sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/mobile/public/static2/css/index.css */
/*@ sourceURL=/themes/mobile/public/static2/css/index.css */
/*@ sourceURL=/themes/mobile/public/static2/css/index.css */
/*@ sourceURL=/themes/mobile/public/static2/css/index.css */
/*@ sourceURL=/themes/mobile/public/static2/css/index.css */
/*@ sourceURL=/themes/mobile/public/static2/css/index.css */
/*@ sourceURL=/themes/mobile/public/static2/css/index.css */
/*@ sourceURL=/themes/mobile/public/static2/css/index.css */
/*@ sourceURL=/themes/mobile/public/static2/css/index.css */
/*@ sourceURL=/themes/mobile/public/static2/css/index.css */
/*@ sourceURL=/themes/mobile/public/static2/css/index.css */
/*@ sourceURL=/themes/mobile/public/static2/css/index.css */
/*@ sourceURL=/themes/mobile/public/static2/css/index.css */
/*@ sourceURL=/themes/mobile/public/static2/css/index.css */
/*@ sourceURL=/themes/mobile/public/static2/css/index.css */
/*@ sourceURL=/themes/mobile/public/static2/css/index.css */
/*@ sourceURL=/themes/mobile/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */
/*@ sourceURL=/themes/pc/public/static2/css/index.css */


/*顶部*/

header {position: fixed;z-index: 10;width: 100%;transition: all 0.5s;top: 0;background: #fff;box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);}

header.active {

  top: -100px;

}

header.active-box-shadow {

  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.05);

}

header .header-menu {transition: all 0.5s ease;height: 100px;position: relative;background: #fff;width: 90%;margin: 0px auto;}

header .section {

  height: 100%;

  width: 100%;

  margin: auto;

  max-width: 100%;

  padding-left: 100px;

}

header .section .header-box {

  display: flex;

  justify-content: space-between;

  align-items: center;

  height: 100%;

}

header .section .header-box .logo {display: flex;justify-content: space-between;align-items: center;width: 18%;}

header .section .header-box .logo img {transition: all 0.5s;width: 100%;height:auto;}

header .section .header-box .logo .logo-text {

  font-size: 20px;

  font-weight: 600;

  border-left: 1px solid #eee;

  padding-left: 20px;

  color: #000;

}

header .section .header-box .logo .logo-text span{


  color: #e50112;

}




header .section .header-box .menu-box {height: 100%;width: 66%;margin: 0px 20px;}

header .section .header-box .menu-box .menu-list {display: flex;justify-content: space-between;align-items: center;height: 100%;color: #fff;}

header .section .header-box .menu-box .menu-list .firstItem {

  display: flex;

  align-items: center;

  height: 100%;

  position: relative;

}

header .section .header-box .menu-box .menu-list .firstItem.product {

  position: inherit;

}

header .section .header-box .menu-box .menu-list .firstItem.product .second-box {

  width: 100%;

  background: var(--dominant-color);

}

header .section .header-box .menu-box .menu-list .firstItem.product .second-box .second-box-list {

  max-width: 1740px;

  margin: auto;

  display: flex;

  padding: 30px 0;

}

header .section .header-box .menu-box .menu-list .firstItem.product .second-box .second-box-list .product-list {

  flex-basis: 20%;

}

header .section .header-box .menu-box .menu-list .firstItem.product .second-box .second-box-list .product-list .title {

  font-size: 20px;

  text-align: center;

  margin-top: 10px;

  border-bottom: 1px solid rgba(255, 255, 255, 0.1);

  padding-bottom: 10px;

}

header .section .header-box .menu-box .menu-list .firstItem.product .second-box .second-box-list .product-list .small-box {

  text-align: center;

  margin: 0 0 20px;

}

header .section .header-box .menu-box .menu-list .firstItem.product .second-box .second-box-list .product-list .small-box a {

  text-align: center;

  padding: 0 12px;

  border-bottom: none;

}

header .section .header-box .menu-box .menu-list .firstItem.product .second-box .second-box-list .product-list .small-box a span {

  margin-right: 6px;

}

header .section .header-box .menu-box .menu-list .firstItem.product .second-box .second-box-list .product-list a {

  border-bottom: none;

  padding: 12px;

}

header .section .header-box .menu-box .menu-list .firstItem.product .second-box .second-box-list .product-list a::after {

  display: none;

}

header .section .header-box .menu-box .menu-list .firstItem.product .second-box .second-box-list .product-list a:hover {

  text-decoration: underline;

}

header .section .header-box .menu-box .menu-list .firstItem.active{ border-bottom: 4px solid #e50112;}
header .section .header-box .menu-box .menu-list .firstItem.active .firstItem-title a {
font-weight: 500;
  color: #e50112;

}
header .section .header-box .menu-box .menu-list .firstItem.active:hover .firstItem-title a{ color: #e50112;}

header .section .header-box .menu-box .menu-list .firstItem.language img {

  cursor: pointer;

}

header .section .header-box .menu-box .menu-list .firstItem .firstItem-title {

  padding: 0 25px;

  position: relative;

  display: flex;

  align-items: center;

}

header .section .header-box .menu-box .menu-list .firstItem .firstItem-title a {color: #010101;font-size: 16px;transition: all 0.5s;display: flex;align-items: center;}

header .section .header-box .menu-box .menu-list .firstItem .firstItem-title::after {

  width: 0;

  height: 2px;

  bottom: 0;

  left: 0;

  background: #333;

  position: absolute;

  margin: auto;

  right: 0;

}

header .section .header-box .menu-box .menu-list .firstItem .firstItem-title:hover::after {

  width: 100%;

}

header .section .header-box .menu-box .menu-list .firstItem .firstItem-title:hover a {

  color: var(--dominant-color);

}

header .section .header-box .menu-box .menu-list .firstItem > a {

  font-size: 14px;

  height: 80px;

  line-height: 80px;

}

header .section .header-box .menu-box .menu-list .firstItem .second-box {

  position: absolute;

  top: 100px;

  width: 160px;

  left: 50%;

  transform: translateX(-50%);

  display: none;

  overflow: auto;

  transition: top 0.5s;

}

header .section .header-box .menu-box .menu-list .firstItem .second-box .second-box-list {

  background: var(--dominant-color);

  padding: 0 5px;

}

@media screen and (max-width: 768px) {

  header .section .header-box .menu-box .menu-list .firstItem .second-box .second-box-list {

    margin-top: 0;

    padding-left: 10%;

  }

}

header .section .header-box .menu-box .menu-list .firstItem .second-box .second-box-list::after {

  width: 0;

  height: 0;

  border-width: 10px;

  border-color: transparent transparent var(--dominant-color) transparent;

  border-style: solid;

  left: 0;

  right: 0;

  top: 0;

  margin: auto;

  position: absolute;

  transition: all 0.5s;

}

@media screen and (max-width: 768px) {

  header .section .header-box .menu-box .menu-list .firstItem .second-box .second-box-list::after {

    display: none;

  }

}

header .section .header-box .menu-box .menu-list .firstItem .second-box a {

  color: #fff;

  display: block;

  text-align: left;

  padding: 12px 0 12px 20px;

  border-bottom: 1px solid #af904e;

  position: relative;

}

header .section .header-box .menu-box .menu-list .firstItem .second-box a:last-child {

  border-bottom: none;

}

header .section .header-box .menu-box .menu-list .firstItem .second-box a::after {

  content: '';

  width: 0;

  height: 0;

  border-width: 5px;

  border-color: transparent transparent transparent #e3d6bb;

  border-style: solid;

  left: 8px;

  top: 0;

  bottom: 0;

  margin: auto;

  position: absolute;

  transition: all 0.5s;

}

header .section .header-box .search-box {display: flex;align-items: center;width: 16%;justify-content: space-between;}

header .section .header-box .search-box .top-tel {width: 100%;align-items: center;color: var(--dominant-color);font-size: 1.12vw;font-family: BEBAS;justify-content: center;}
header .section .header-box .search-box .top-tel p{margin-bottom:5px;font-family: BEBAS;font-size: 24px;letter-spacing:1.2px;}
header .section .header-box .search-box .top-tel p:nth-child(2){letter-spacing:0;}


header .section .header-box .search-box .top-tel img {

  margin-right: 10px;

}

header .section .header-box .search-box .search {

  height: 100px;

 width: 30%;

  background: var(--dominant-color);

  display: flex;

  justify-content: center;

  align-items: center;

}

/*轮播图*/

.banner {

  margin-top: 100px;

  width: 100%;

  position: relative;

  /*视频样式*/

}

.banner img {

  width: 100%;

}

.banner .swiper-slide .text {

  position: absolute;

  width: 80%;

  max-width: 1440px;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  margin: auto;

  color: #fff;

  line-height: 1;

  height: fit-content;

}

.banner .swiper-slide .text .sub {

  font-size: 36px;

  transform: translateY(50px);

  opacity: 0;

  transition: all 1s;

  transition-delay: 0.3s;

  font-weight: 600;
  text-shadow:5px 5px 5px rgba(0,0,0,.4);

}

.banner .swiper-slide .text .title {

  font-weight: 600;

  font-size: 80px;

  margin: 20px 0;

  line-height: 1.2;

  opacity: 0;

  transform: translateY(50px);

  transition: all 1s;

  transition-delay: 0.5s;
text-shadow:5px 5px 5px rgba(0,0,0,.4);
}

.banner .swiper-slide .text .img {

  width: 636px;

  transform: translateY(50px);

  opacity: 0;

  transition: all 1s;

  transition-delay: 0.6s;    font-size: 100px; font-weight:bold;

    -webkit-text-stroke: 0.0520833vw #fff;

    color: rgba(255, 255, 255, 0);

    box-sizing: border-box;

    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);

    transition: all .8s cubic-bezier(.69, .27, .45, .99); padding-top:20px;

}

.banner .swiper-slide .text .line {

  width: 40px;

  height: 6px;

  background: #fff;

  margin: 4vw 0 30px;

  transform: translateY(50px);

  opacity: 0;

  transition: all 1s;

  transition-delay: 0.7s;

}

.banner .swiper-slide .text .summary {

  font-size: 18px;

  transform: translateY(50px);

  opacity: 0;

  transition: all 1s;

  transition-delay: 0.8s;

  max-width: 670px;

  line-height: 1.6;

  text-transform: uppercase;

  font-weight: 600;
  text-shadow:5px 5px 5px rgba(0,0,0,.4);

}

.banner .swiper-slide .text .more {

  width: 168px;

  height: 56px;

  display: flex;

  align-items: center;

  margin-top: 70px;

  opacity: 0;

  transform: translateY(50px);

  transition: all 1s;

  border: 1px solid rgba(255, 255, 255, 0.3);

  justify-content: center;

  border-radius: 28px;

  font-size: 14px;

  transition-delay: 0.9s;

}

.banner .swiper-slide .text .more img {

  margin-left: 20px;

  filter: grayscale(1) brightness(100);

}

.banner .swiper-slide {

  cursor: pointer;

}

.banner .swiper-slide .img img {

  width: 100%;

}

.banner .swiper-slide video {

  width: 100%;

  object-fit: cover;

}

@media screen and (max-width: 768px) {

  .banner .swiper-slide video {

    height: 100%;

  }

}

.banner .swiper-slide .video-play {

  position: absolute;

  inset: 0;

  margin: auto;

  width: 100px;

  height: 100px;

  opacity: 0.6;

  cursor: pointer;

  z-index: 10;

}

.banner .swiper-button-prev {

  left: 60px;

}

.banner .swiper-button-next {

  right: 60px;

}

.banner .swiper-button-prev,

.banner .swiper-button-next {width: 58px;height: 58px;background: rgb(229 1 18 / 80%);border-radius: 50%;margin: 10px 0;transition: all 0.5s;}

.banner .swiper-button-prev::after,

.banner .swiper-button-next::after {

  opacity: 0.3;

  color: #fff;

  font-size: 16px;

}

.banner .swiper-button-prev:hover,

.banner .swiper-button-next:hover {

  opacity: 1;

  background: #e50112;

  border: none;

}

.banner .swiper-button-prev:hover::after,

.banner .swiper-button-next:hover::after {

  opacity: 1;

}

.banner .swiper-slide.swiper-slide-active .sub,

.banner .swiper-slide.swiper-slide-active .title,

.banner .swiper-slide.swiper-slide-active .summary,

.banner .swiper-slide.swiper-slide-active .more,

.banner .swiper-slide.swiper-slide-active .img,

.banner .swiper-slide.swiper-slide-active .line {

  transform: translateY(0);

  opacity: 1;

}

.banner .swiper-pagination {

  bottom: 30px !important;

  max-width: 1600px;

  width: 90% !important;

  left: 0;

  right: 0;

  margin: auto;

}

.banner .swiper-pagination-bullet {

  width: 40px;

  height: 8px;

  position: relative;

  border-radius: 20px;

  background: #bababa;

  opacity: 1;

}

.banner .swiper-pagination-bullet.swiper-pagination-bullet-active {

  background: var(--dominant-color);

}

.banner .swiper-pagination-bullet.swiper-pagination-bullet-active::after {

  opacity: 1;

}

.index-title {

  text-align: center;

  margin-bottom: 40px;

}

.index-title .title {

  font-size: 60px;

  color: #000;

  line-height: 1;

  font-family: PangMenZhengDao;

}

.index-title .title span {

  color: var(--dominant-color);

  font-family: PangMenZhengDao;

}

.index-title .sub {

  font-size: 20px;

  color: #666;

  line-height: 1.6;

  margin: 10px auto 20px;

}

.index-title .sub span {

  color: var(--dominant-color);

}

.index-title .line {

  background: var(--dominant-color);

  width: 50px;

  height: 6px;

  margin: auto;

}

.index-box1 {padding: 40px 0 40px;background: url("http://www.mohaogg.com/themes/pc/public/static2/css/../image/bg01.jpg") repeat center 0;}

.index-box1 .index-box1-box {

  display: flex;

  justify-content: space-between;

}

.index-box1 .index-box1-box .left {
  border-radius: 20px;
  overflow: hidden;

  flex-basis: calc(450 / 1400 * 100%);

}

.index-box1 .index-box1-box .left .item .imgBox {

  padding-bottom: calc(730 / 450 * 100%);

}

.index-box1 .index-box1-box .right {/* flex-basis: calc(925 / 1400 * 100%); */display: flex;justify-content: space-between;flex-wrap: wrap;height: auto;width: 100%;}

.index-box1 .index-box1-box .right .item {flex-basis: calc((100% - 25px) / 3);margin-bottom: 10px;}

.index-box1 .index-box1-box .right .item:nth-child(3),

.index-box1 .index-box1-box .right .item:nth-child(4) {/* margin-top: 30px; */}

.index-box1 .index-box1-box .item {

  border-radius: 20px;

  overflow: hidden;

  position: relative;

}

.index-box1 .index-box1-box .item .imgBox {

  height: 0;

  padding-bottom: calc(350 / 450 * 100%);

}

.index-box1 .index-box1-box .item .imgBox img {

  position: absolute;

}

.index-box1 .index-box1-box .item .text {

  position: absolute;

  bottom: 30px;

  left: 30px;

  right: 30px;

  color: #fff;

  z-index: 2;

}

.index-box1 .index-box1-box .item .text .title {

  font-size: 24px;

  font-weight: 600;

}

.index-box1 .index-box1-box .item .text .more {

  opacity: 0.6;

  margin-top: 10px;

}

.index-box1 .index-box1-box .item::after {

  content: '';

  width: 100%;

  height: 40%;

  background: linear-gradient(to top, #e50112, rgba(186, 153, 84, 0.05));

  position: absolute;

  bottom: 0;

  left: 0;

  z-index: 1;

  border-radius: 0 0 20px 20px;

  opacity: 0;

  transition: all 0.5s;

}

.index-box1 .index-box1-box .item:hover::after {

  opacity: 1;

}

.index-box2 {padding: 40px 0 20px;}

.index-box2 .index-box2-menu {

  display: flex;

  justify-content: center;

  margin-top: 60px;

  margin-bottom: 60px;

}

.index-box2 .index-box2-menu a {

  font-size: 18px;

  color: #505050;

  position: relative;

  margin-right: 30px;

  padding-right: 30px;

}

.index-box2 .index-box2-menu a:last-child {

  margin-right: 0;

  padding-right: 0;

}

.index-box2 .index-box2-menu a:last-child::after {

  display: none;

}

.index-box2 .index-box2-menu a:hover {

  text-decoration: underline;

}

.index-box2 .index-box2-menu a:after {

  content: '';

  width: 1px;

  height: 16px;

  top: 0;

  bottom: 0;

  right: 0;

  margin: auto;

  position: absolute;

  background: #000;

  opacity: 0.1;

}

.index-box2 .index-box2-box {

  display: flex;

  justify-content: space-between;

}

.index-box2 .index-box2-box .left {

  flex-basis: 50%;

  max-width: 680px;

  position: relative;

  cursor: pointer;

}

.index-box2 .index-box2-box .left .video-click {

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  margin: auto;

  z-index: 1;

  width: 66px;

  height: 66px;

}

.index-box2 .index-box2-box .right {

  flex-basis: 48%;

}

.index-box2 .index-box2-box .right .sup {

  font-size: 72px;

  font-family: BEBAS;

  color: #999999;

  text-transform: uppercase;

  line-height: 1.4;

}

.index-box2 .index-box2-box .right .sup span {

  color: var(--dominant-color);

  font-family: BEBAS;

}

.index-box2 .index-box2-box .right .title {

  font-size: 42px;

  font-weight: 600;

  margin-top: 20px;

  margin-bottom: 20px;

}

.index-box2 .index-box2-box .right .summary {

  font-size: 16px;

  color: #333;

  line-height: 2;
   text-align:justify;

}

.index-box2 .index-box2-number {margin-top: 40px;display: flex;justify-content: space-between;}

.index-box2 .index-box2-number .item {

  display: flex;

  justify-content: space-between;

  align-items: center;

}

.index-box2 .index-box2-number .item .img {

  flex-basis: 60px;

  height: 60px;

  display: flex;

  justify-content: center;

  align-items: center;

}

.index-box2 .index-box2-number .item .text {

  margin-left: 20px;

}

.index-box2 .index-box2-number .item .text .number {

  font-size: 16px;

  color: var(--dominant-color);

  position: relative;

  width: max-content;

}

.index-box2 .index-box2-number .item .text .number .add {

  position: absolute;

  right: 0;

  top: 0;

}

.index-box2 .index-box2-number .item .text .number span {

  font-size: 46px;

  font-family: BEBAS;

}

.index-box2 .index-box2-number .item .text .summary {

  width: max-content;

  font-size: 16px;

  color: #333;

}

.index-box3 {margin: 40px auto;}

.index-box3 .index-box3-tab {

  display: flex;

  justify-content: center;

  font-size: 18px;

  color: #fff;

}

.index-box3 .index-box3-tab .item {

  margin: 0 10px;

  border-radius: 25px;

  display: flex;

  justify-content: center;

  align-items: center;

  background: #999;

  padding: 10px 40px;

  cursor: pointer;

  transition: all 0.5s;

}

.index-box3 .index-box3-tab .item.active,

.index-box3 .index-box3-tab .item:hover {

  background: var(--dominant-color);

}

.index-box3 .index-box3-box {/* max-width: 1600px; */width: 90%;margin: 50px auto 0;position: relative;}

.index-box3 .index-box3-box .item {

  display: none;

  max-width: 1400px;

  margin: auto;

}

.index-box3 .index-box3-box .item.active {

  display: block;

}

.index-box3 .index-box3-box .swiper-button-prev,

.index-box3 .index-box3-box .swiper-button-next {

  width: 50px;

  height: 50px;

  border: 1px solid #333;

  border-radius: 50%;

  opacity: 0.5;

  transition: all 0.5s;

  z-index: 1;

}

.index-box3 .index-box3-box .swiper-button-prev::after,

.index-box3 .index-box3-box .swiper-button-next::after {

  color: #333;

  font-size: 16px;

  transition: all 0.5s;

}

.index-box3 .index-box3-box .swiper-button-prev:hover,

.index-box3 .index-box3-box .swiper-button-next:hover {

  background: var(--dominant-color);

  border-color: var(--dominant-color);

}

.index-box3 .index-box3-box .swiper-button-prev:hover::after,

.index-box3 .index-box3-box .swiper-button-next:hover::after {

  color: #fff;

}

.index-box4 {padding: 40px 0 40px;}

.index-box4 .index-box4-box {

  display: flex;

  flex-wrap: wrap;

}

.index-box4 .index-box4-box .item {

  flex-basis: 25%;

  background: #fff;

  position: relative;

  display: flex;

  justify-content: center;

  align-items: center;

  padding: 50px;

  flex-direction: column;

  border-right: 1px solid #eee;

  border-bottom: 1px solid #eee;

  cursor: pointer;

}

.index-box4 .index-box4-box .item .number {

  position: absolute;

  top: 20px;

  left: 20px;

  font-size: 30px;

  color: #333;

  opacity: 0.1;

  font-family: BEBAS;

}

.index-box4 .index-box4-box .item .img {

  width: 100px;

  height: 60px;

  display: flex;

  justify-content: center;

  align-items: center;

}

.index-box4 .index-box4-box .item .text {

  text-align: center;

  margin-top: 20px;

}

.index-box4 .index-box4-box .item .text .title {

  font-size: 22px;

  color: #000;

  margin-bottom: 10px;

  font-weight: 600;

}

.index-box4 .index-box4-box .item .text .summary {

  font-size: 16px;

  color: #666;

}

.index-box4 .index-box4-box .item:hover {

  background: var(--dominant-color);

}

.index-box4 .index-box4-box .item:hover .img {

  filter: brightness(10);

}

.index-box4 .index-box4-box .item:hover .text .title {

  color: #fff;

}

.index-box4 .index-box4-box .item:hover .text .summary {

  color: #fff;

}

.index-box5 {padding: 40px 0 40px;display: none;}

.index-box5 .index-box5-box {

  display: flex;

  flex-wrap: wrap;

}

.index-box5 .index-box5-box .item {flex-basis: calc((100% - 80px) / 4);margin-right: 20px;position: relative;background: #000;overflow: hidden;cursor: pointer;}

.index-box5 .index-box5-box .item::after {

  content: '';

  width: 100%;

  height: 20%;

  position: absolute;

  bottom: 0;

  left: 0;

  background: linear-gradient(to top, #e50112, #dfb65f);

  transition: all 0.5s;

}

.index-box5 .index-box5-box .item:nth-child(5n) {

  margin-right: 0;

}

.index-box5 .index-box5-box .item .img {

  opacity: 1;

  transition: all 0.5s;

}

.index-box5 .index-box5-box .item .text {position: absolute;top: 0;left: 0;right: 0;display: flex;align-items: center;flex-direction: column;color: #fff;padding: 0px 20px;text-align: center;height: 100%;transform: translateY(70%);z-index: 1;transition: all 0.5s;}

.index-box5 .index-box5-box .item .text .small-img {

  width: 55px;

  height: 55px;

  display: flex;

  justify-content: center;

  align-items: center;

  border-radius: 50%;

  background: var(--dominant-color); min-height:55px;

}

.index-box5 .index-box5-box .item .text .title {

  font-size: 24px;

  font-weight: 600;

  margin-top: 10px;

  transition: all 0.5s;

}

.index-box5 .index-box5-box .item .text .line {

  width: 30px;

  height: 5px;

  background: #fff;

  margin: 20px auto;

  opacity: 0;

  transition: all 0.5s;min-height: 5px;

}

.index-box5 .index-box5-box .item .text .summary {font-size: 14px;line-height: 18px;transition: all 0.5s;opacity: 0;}

.index-box5 .index-box5-box .item .text .tip {

  font-size: 18px;

  font-weight: 600;

  transition: all 0.5s;

  opacity: 0;

}

.index-box5 .index-box5-box .item .text .tip span {

  color: var(--dominant-color);

  line-height: 2;

}

.index-box5 .index-box5-box .item:hover::after {

  bottom: -20%;

}

.index-box5 .index-box5-box .item:hover .img {

  opacity: 0.3;

}

.index-box5 .index-box5-box .item:hover .text {

  transform: translateY(10%);

}

.index-box5 .index-box5-box .item:hover .text .title {

  margin-top: 20px;

}

.index-box5 .index-box5-box .item:hover .text .summary {

  opacity: 1;

}

.index-box5 .index-box5-box .item:hover .text .line {

  opacity: 1;

}

.index-box5 .index-box5-box .item:hover .text .tip {

  opacity: 1;

}

.index-box6 {padding: 40px 0;}

.index-box6 .index-box6-box {

  display: flex;

  flex-wrap: wrap;

}

.index-box6 .index-box6-box .item {flex-basis: calc((100% - 15px) / 3);margin-right: 5px;margin-bottom: 45px;display: flex;padding: 20px;align-items: center;background: #fff;justify-content: space-between;}

.index-box6 .index-box6-box .item .icon {

  flex-basis: 90px;

  height: 90px;

  border-radius: 50%;

  background: linear-gradient(to top, #e50112, #dfb65f);

  display: flex;

  align-items: center;

  justify-content: center;

}

.index-box6 .index-box6-box .item .text {

  flex-basis: calc(100% - 110px);

}

.index-box6 .index-box6-box .item .text .title {

  font-size: 22px;

  margin-bottom: 6px;

  font-weight: 600;

}

.index-box6 .index-box6-box .item .text .summary {

  font-size: 14px;

  color: #666666;

}

.index-box6 .index-box6-box .item:nth-child(4n) {

  margin-right: 0;

}

.index-box7 {padding: 40px 0 40px;}

.index-box7 .index-box7-box {

  display: flex;

  justify-content: space-between;

}

.index-box7 .index-box7-box .left {

  flex-basis: 410px;

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}

.index-box7 .index-box7-box .left .item {

  flex-basis: 200px;

  border: 1px solid #eee;

  margin-bottom: 10px;

  cursor: pointer;

  position: relative;

  padding: 15px;

}
.index-box7 .index-box7-box .left .item a{ width:100%; height:100%; float:left;}
.index-box7 .index-box7-box .left .item .text {

  position: relative;

}

.index-box7 .index-box7-box .left .item .text .title {

  font-size: 18px;

  color: #333;

}

.index-box7 .index-box7-box .left .item .text .summary {

  font-size: 12px;

  color: #9f9f9f;

  text-transform: uppercase;

}

.index-box7 .index-box7-box .left .item .icon {

  width: 18px;

  height: 18px;

  border-radius: 50%;

  position: absolute;

  bottom: 15px;

  left: 15px;

  background: #969696;

  display: flex;

  justify-content: center;

  align-items: center;

}

.index-box7 .index-box7-box .left .item .icon img {

  filter: brightness(10);

}

.index-box7 .index-box7-box .left .item.active {

  background: var(--dominant-color);

}

.index-box7 .index-box7-box .left .item.active .text .title {

  color: #fff;

}

.index-box7 .index-box7-box .left .item.active .text .summary {

  color: rgba(255, 255, 255, 0.5);

}

.index-box7 .index-box7-box .left .item.active .icon {

  background: #fff;

}

.index-box7 .index-box7-box .left .item.active .icon img {

  filter: none;

}

.index-box7 .index-box7-box .left .item:nth-last-child(2),

.index-box7 .index-box7-box .left .item:nth-last-child(1) {

  margin-bottom: 0;

}

.index-box7 .index-box7-box .right {

  flex-basis: calc(100% - 430px);

}

.index-box7 .index-box7-box .right .item {

  display: none;

  position: relative;

}

.index-box7 .index-box7-box .right .item .imgBox {height: 710px;}

.index-box7 .index-box7-box .right .item .imgBox img {

  position: absolute;

}

.index-box7 .index-box7-box .right .item .text {position: absolute;color: #fff;padding: 30px 40px;line-height: 2;left: 0;bottom: 0;background: rgb(229 1 18 / 60%);font-size: 16px;}

.index-box7 .index-box7-box .right .item.active {

  display: block;

}

.index-box7 .parent {

  margin-top: 60px;

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

  border: 1px solid #eee;

}

.index-box7 .parent .item {

  border-right: 1px solid #eee;

  flex-basis: calc(100% / 8);

}

.index-box7 .parent .item:last-child {

  border-right: none;

}

.index-box8 {padding: 40px 0;}

.index-box8 .index-box8-menu {

  display: flex;

  justify-content: center;

  font-size: 18px;

  color: #fff;

}

.index-box8 .index-box8-menu .item {

  margin: 0 10px;

  border-radius: 25px;

  display: flex;

  justify-content: center;

  align-items: center;

  background: #999;

  padding: 10px 40px;

  cursor: pointer;

  transition: all 0.5s;

}

.index-box8 .index-box8-menu .item.active,

.index-box8 .index-box8-menu .item:hover {

  background: var(--dominant-color);

}

.index-box8 .index-box8-box {

  display: flex;

  justify-content: space-between;

  margin-top: 60px;

}

.index-box8 .index-box8-box .left {

  flex-basis: calc(650 / 1400 * 100%);

}

.index-box8 .index-box8-box .right {

  flex-basis: calc(670 / 1400 * 100%);

  display: flex;

  justify-content: space-between;

  flex-direction: column;

}

.index-box8 .index-box8-box .item .imgBox {

  margin-bottom: 20px;

  height: 365px;

}

.index-box8 .index-box8-box .item .imgBox img {

  position: absolute;

}

.index-box8 .index-box8-box .item .text {

  display: flex;

  justify-content: space-between;

  align-items: center;

}

.index-box8 .index-box8-box .item .text .time {

  width: 110px;

  height: 110px;

  background: #fff;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-direction: column;

  transition: all 0.5s;

}

.index-box8 .index-box8-box .item .text .time .day {

  font-size: 40px;

  font-family: BEBAS;

  color: #333;

  transition: all 0.5s;

}

.index-box8 .index-box8-box .item .text .time .year {

  color: #666;

  font-family: BEBAS;

  transition: all 0.5s;

}

.index-box8 .index-box8-box .item .text .text-box {

  flex-basis: calc(100% - 110px);

  padding-left: 20px;

}

.index-box8 .index-box8-box .item .text .text-box .title {

  font-size: 18px;

  color: #333;

  transition: all 0.5s;

}

.index-box8 .index-box8-box .item .text .text-box .summary {

  color: #666;

  margin-top: 10px;

  line-height: 1.6;

}

.index-box8 .index-box8-box .item:hover .text .time {

  background: var(--dominant-color);

}

.index-box8 .index-box8-box .item:hover .text .time .day {

  color: #fff;

}

.index-box8 .index-box8-box .item:hover .text .time .year {

  color: #fff;

}

.index-box8 .index-box8-box .item:hover .text .text-box .title {

  color: var(--dominant-color);

}

/*page*/

/*内页分类*/

.page-menu {

  height: 80px;

  background: #fff;

  position: relative;

  z-index: 1;

  border-bottom: 1px solid #e5e5e5;

}

.page-menu .phone-click {

  display: none;

}

@media screen and (max-width: 768px) {

  .page-menu .phone-click {

    display: block;

    background: var(--dominant-color);

    color: #fff;

    font-size: 14px;

    height: 50px;

    line-height: 50px;

    text-align: center;

  }

}

.page-menu .menu-box {/* max-width: 1500px; */width: 100%;margin: auto;display: flex;justify-content: space-between;height: 100%;}

.page-menu .menu-box .item {

  display: flex;

  height: 100%;

  flex-basis: 100%;

  justify-content: center;

  align-items: center;

  font-size: 18px;

  transition: all 0.5s;

  margin-right: 1px;

}

.page-menu .menu-box .item:last-child {

  margin-right: 0;

}

.page-menu .menu-box .item a {

  width: 100%;

  height: 100%;

  display: flex;

  justify-content: center;

  align-items: center;

  color: #333;

}

.page-menu .menu-box .item.active,

.page-menu .menu-box .item:hover {

  background: var(--dominant-color);

}

.page-menu .menu-box .item.active a,

.page-menu .menu-box .item:hover a {

  color: #fff;

}

#map1 {

  width: 100%;

  height: 400px;

  z-index: 0;

}

#tip {

  height: 30px;

  background-color: #fff;

  padding-left: 10px;

  padding-right: 10px;

  position: absolute;

  font-size: 12px;

  right: 10px;

  bottom: 20px;

  border-radius: 3px;

  line-height: 30px;

  border: 1px solid #ccc;

}

div.info-top {

  position: relative;

  background: none repeat scroll 0 0 #F9F9F9;

  border-bottom: 1px solid #CCC;

  border-radius: 5px 5px 0 0;

}

div.info-top div {

  display: inline-block;

  color: #333333;

  font-size: 14px;

  font-weight: bold;

  line-height: 31px;

  padding: 0 10px;

  text-align: left;

}

div.info-top img {

  position: absolute;

  top: 10px;

  right: 10px;

  transition-duration: 0.25s;

}

div.info-top img:hover {

  box-shadow: 0px 0px 5px #000;

}

div.info-middle {

  font-size: 12px;

  padding: 10px;

  line-height: 21px;

  text-align: left;

}

div.info-bottom {

  height: 0px;

  width: 100%;

  clear: both;

  text-align: center;

}

div.info-bottom img {

  position: relative;

  z-index: 104;

}

.footer .footer-top {display: flex;justify-content: space-between;padding: 30px 0;flex-wrap: wrap;}

.footer .footer-top .item .item-title {

  font-size: 20px;

  color: #fff;

  transition: all 0.5s;

}

.footer .footer-top .item .line {

  width: 50px;

  height: 1px;

  background: rgba(255, 255, 255, 0.2);

  margin-top: 20px;

  margin-bottom: 20px;

}

.footer .footer-top .item .item-box a {

  display: block;

  transition: all 0.5s;

  margin-bottom: 20px;

  color: #cdcdcd;

}

.footer .footer-top .item .item-box a:hover {

  color: #fff;

}

.footer .footer-top .item .item-box .item-list {

  font-size: 16px;

  display: flex;

  margin-bottom: 10px;

  align-items: center;

}

.footer .footer-top .item .item-box .item-list .item-icon {

  width: 20px;

  height: 20px;

  display: flex;

  justify-content: center;

  align-items: center;

  margin-right: 10px;

}

.footer .footer-top .item .item-box .item-list span {

  opacity: 0.5;

}

.footer .footer-top .footer-menu {

  flex-basis: 50%;

  display: flex;

  justify-content: space-between;

  max-width: 650px;

}

.footer .footer-top .footer-menu a {

  color: #cdcdcd;

  font-size: 16px;

}

.footer .footer-top .footer-contact .tel {display: flex;align-items: center;color: var(--dominant-color);font-size: 24px;margin-bottom: 15px;font-family: BEBAS;letter-spacing: 1px;}

.footer .footer-top .footer-contact .tel .icon {width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;background: var(--dominant-color);border-radius: 50%;margin-right: 20px;}

.footer .footer-top .footer-contact .text {

  color: #fff;

}

.footer .footer-top .footer-contact .text .title {

  font-size: 22px;

  font-weight: 600;

  margin-top: 20px;

  margin-bottom: 20px;

}

.footer .footer-top .footer-contact .text .summary .item {

  background-repeat: no-repeat;

  background-position: left center;

  font-size: 14px;

  color: rgba(255, 255, 255, 0.7);

  padding: 10px 0 10px 40px;

}

.footer .footer-top .footer-wechat {

  display: flex;

  justify-content: space-between;

  flex-basis: 150px;

}

.footer .footer-top .footer-wechat .item {

  flex-basis: calc((100% - 0px) / 1);

  color: #9e9e9e;

  text-align: center;

}

.footer .footer-top .footer-wechat .item img {

  margin-bottom: 10px;

}

.footer .footer-bottom {

  border-top: 1px solid rgba(255, 255, 255, 0.2);

  padding: 40px 0 40px;

  display: flex;

  justify-content: space-between;

  align-items: center;

}

.footer .footer-bottom .copy-right,

.footer .footer-bottom a {

  color: #999;

  font-size: 14px;

  line-height: 1.6;

}

.footer .footer-code{
    color: #999;
}

.footer .footer-bottom .footer-code .code {

  display: flex;

  justify-content: flex-end;

}

.footer .footer-bottom .footer-code .code .item {

  position: relative;

  width: 36px;

  height: 36px;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  transition: all 0.5s;

}

.footer .footer-bottom .footer-code .code .item.active {

  color: #333;

}

.footer .footer-bottom .footer-code .code .item:hover {

  background: var(--dominant-color);

}

.footer .footer-bottom .footer-code .code .item .item-icon {

  width: 20px;

  height: 20px;

  display: flex;

  justify-content: center;

  align-items: center;

  cursor: pointer;

}

.footer .footer-bottom .footer-code .code .item .item-icon:hover {

  filter: brightness(100);

}

.footer .footer-bottom .footer-code .code .item .item-icon:hover ~ .item-code {

  display: flex;

}

.footer .footer-bottom .footer-code .code .item .item-code {

  position: absolute;

  width: 70px;

  height: 70px;

  background: #fff;

  padding: 3px;

  border-radius: 6px;

  bottom: 40px;

  left: 50%;

  margin-left: -35px;

  display: none;

  justify-content: center;

  align-items: center;

}

.footer .footer-bottom .footer-code .code .item .item-code img {

  width: 100%;

}

.footer .footer-bottom .footer-code .code .item .item-code::after {

  content: '';

  width: 10px;

  height: 5px;

  position: absolute;

  bottom: -5px;

  left: 0;

  right: 0;

  margin: auto;

}

.footer .footer-bottom .copy-right a {

  transition: all 0.5s;

}

.footer .footer-bottom .copy-right a:hover {

  text-decoration: underline;

}

/*响应式*/

@media screen and (max-width: 1900px) {

  header .section {

    padding-left: 0;

  }

  header .section .header-box .search-box {width: 16%;}

}

@media screen and (max-width: 1600px) {

  .banner .swiper-slide .text .title {

    font-size: 56px;

  }

  .index-title .title {

    font-size: 48px;

  }

  .index-box2 .index-box2-box .right .sup {

    font-size: 60px;

  }

  header .section .header-box .logo .logo-text {

    font-size: 16px;

  }

  header .section .header-box .search-box .top-tel {font-size: 1.2rem;}

  header .section .header-box .search-box {width: 16%;}

  header .section .header-box .menu-box .menu-list .firstItem .firstItem-title {

    padding: 0 15px;

  }

  .footer .footer-top .footer-wechat {

    flex-basis: 200px;

  }

}

@media screen and (max-width: 1440px) {

  header .section .header-box .search-box .search {

    width: 60px;

  }

  header .section .header-box .search-box {width: 14%;}

  header .section .header-box .menu-box .menu-list .firstItem .firstItem-title a {

    font-size: 16px;

  }

  header .section .header-box .logo img {width: 100%;height:auto;}

  .index-box5 .index-box5-box .item .text .title {

    font-size: 20px;

  }

}

@media screen and (max-width: 1366px) {

  .index-box2 .index-box2-box .right .sup {

    font-size: 36px;

  }

  .index-box2 .index-box2-box .right .title {

    font-size: 32px;

  }

  .index-box6 .index-box6-box .item {

    flex-basis: calc((100% - 20px) / 2);

    margin-right: 20px;

  }

  .index-box6 .index-box6-box .item:nth-child(3n) {

    margin-right: 20px;

  }

  .index-box6 .index-box6-box .item:nth-child(2n) {

    margin-right: 0;

  }

  header .section .header-box .menu-box .menu-list .firstItem.product .second-box .second-box-list .product-list .title {

    font-size: 16px;

  }

}

@media screen and (max-width: 1280px) {

  .index-box2 .index-box2-box .right .sup br {

    display: none;

  }

  header .section .header-box .search-box .top-tel {display: block;}

  header .section .header-box .search-box {width: 14%;}

  .index-box5 .index-box5-box .item .text {

    padding: 10px;

    transform: translateY(65%);

  }

  .index-box5 .index-box5-box .item:hover .text {

    transform: translateY(10%);

  }

  .index-box5 .index-box5-box .item .text .tip {

    font-size: 16px;

  }

  .footer-contact {

    flex-basis: 380px;

  }

  .footer .footer-top .footer-menu {

    flex-basis: calc(100% - 380px);

  }

}

@media screen and (max-width: 1080px) {

  header .section .header-box .logo .logo-text {

    display: none;

  }

}

@media screen and (max-width: 1024px) {

  .index-box1 .index-box1-box,

  .index-box2 .index-box2-box {

    flex-direction: column;

  }

  .index-box1 .index-box1-box .left {

    margin-bottom: 30px;

  }

  .index-box1 .index-box1-box .item .text .title {

    font-size: 20px;

  }

  .index-box2 .index-box2-box .left {

    max-width: 100%;

    margin-bottom: 30px;

  }

  .index-box2 .index-box2-box .left img {

    width: 100%;

  }

  .index-box2 .index-box2-number {

    flex-wrap: wrap;

  }

  .index-box2 .index-box2-number .item {

    flex-basis: 50%;

    justify-content: flex-start;

    margin-bottom: 30px;

  }

  .index-box4 .index-box4-box .item {

    flex-basis: 50%;

  }

  .index-box5 .index-box5-box .item {

    flex-basis: calc((100% - 20px) / 2);

    margin-bottom: 30px;

  }

  .index-box5 .index-box5-box .item:nth-child(2n) {

    margin-right: 0;

  }

  .index-box5 .index-box5-box .item img {

    width: 100%;

  }

  .index-box5 .index-box5-box .item .text .small-img img {

    max-width: 100%;

    width: auto;

  }

  .index-box7 .index-box7-box {

    flex-direction: column;

  }

  .index-box7 .index-box7-box .left .item:nth-last-child(2),

  .index-box7 .index-box7-box .left .item:nth-last-child(1) {

    margin-bottom: 20px;

  }

  .index-box7 .index-box7-box .left .item {

    flex-basis: calc((100% - 60px) / 4);

    margin-bottom: 20px;

  }

  .index-box8 .index-box8-box {

    flex-direction: column;

  }

  .index-box8 .index-box8-box .item {

    margin-bottom: 20px;

  }

  .index-box8 .index-box8-box .left {

    padding-bottom: 20px;

    margin-bottom: 20px;

    border-bottom: 1px solid #eee;

  }

  .banner {

    margin-top: 60px;

  }

  .banner .swiper-pagination {

    bottom: 10px !important;

  }

  .banner .swiper-pagination-bullet {

    width: 20px;

    height: 4px;

  }

  .banner .swiper-button-prev,

  .banner .swiper-button-next {

    width: 40px;

    height: 40px;

    margin: auto;

  }

  .banner .swiper-button-prev {

    left: 10px;

  }

  .banner .swiper-button-next {

    right: 10px;

  }

  header .section {/* padding-left: 20px; */padding-right: 2%;}

  header .section .header-box .logo .logo-text {display: contents;}

  header .section .header-box .search-box {

    display: none;

  }

  header .section .header-box .logo img {width: 250px;/* height:auto; */}

  /*header*/

  header .header-menu {

    height: 60px !important;

    box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.01);

    background: #fff !important;

  }

  header.active .phone-line {

    background: #000000 !important;

  }

  header.active .phone-line::before {

    background: #000 !important;

  }

  header.active .phone-line::after {

    background: #000 !important;

  }

  header.active .phone-click.active .phone-line {

    background: rgba(255, 255, 255, 0) !important;

  }

  header.active .phone-click.active .phone-line::before {

    background: #000 !important;

  }

  header.active .phone-click.active .phone-line::after {

    background: #000 !important;

  }

  header#member-header .logo {

    position: inherit;

    margin-left: 0;

  }

  header .section .header-box .logo {max-width: 60%;margin-left: 0;filter: none !important;}

  header .section .header-box .menu-box {

    display: flex;

    align-items: center;

  }

  header .section .header-box .menu-box .phone-click {

    cursor: pointer;

    width: 22px;

    height: 16px;

    display: flex;

    align-items: center;

    position: relative;

  }

  header .section .header-box .menu-box .phone-click .phone-line {

    height: 2px;

    background: #000;

    width: 100%;

    transition: all 0.5s;

    overflow: hidden;

  }

  header .section .header-box .menu-box .phone-click .phone-line::before,

  header .section .header-box .menu-box .phone-click .phone-line::after {

    content: '';

    position: absolute;

    width: 100%;

    height: 2px;

    background: #000;

    transition: all 0.5s;

  }

  header .section .header-box .menu-box .phone-click .phone-line::before {

    top: 0;

    transition: all 0.5s;

  }

  header .section .header-box .menu-box .phone-click .phone-line::after {

    bottom: 0;

    transition: all 0.5s;

  }

  header .section .header-box .menu-box .phone-click.active .phone-line {

    background: rgba(255, 255, 255, 0);

    transition: all 0.5s;

  }

  header .section .header-box .menu-box .phone-click.active .phone-line::before {

    margin: auto;

    transition: all 0.5s;

    transform: translateY(7px) rotate(45deg);

  }

  header .section .header-box .menu-box .phone-click.active .phone-line::after {

    margin: auto;

    transition: all 0.5s;

    transform: translateY(-7px) rotate(-45deg);

  }

  header .section .header-box .menu-box .menu-list {display: none;position: absolute;width: 100%;background: #000c;top: 66px;height: 100vh;z-index: 10;left: 0;margin-left: 0;flex-direction: column;align-items: flex-start;justify-content: flex-start;padding-top: 30px;}

  header .section .header-box .menu-box .menu-list .firstItem {

    height: auto;

    width: 100%;

    border-bottom: 1px solid #eee;

    display: block;

    position: relative !important;

  }

  header .section .header-box .menu-box .menu-list .firstItem .firstItem-title {

    height: 50px;

    width: 92.5%;

    margin-left: 5%;

    padding: 0;

  }

  header .section .header-box .menu-box .menu-list .firstItem .firstItem-title a {color: #fff;font-size: 16px;display: block;width: 100%;}

  header .section .header-box .menu-box .menu-list .firstItem .firstItem-title a:hover {

    color: #2a2a2a;

  }

  header .section .header-box .menu-box .menu-list .firstItem .firstItem-title i {

    width: 50px;

    height: 50px;

    position: absolute;

    right: 0;

    top: 0;

    bottom: 0;

    margin: auto;

    cursor: pointer;

    transition: all 0.5s;

  }

  header .section .header-box .menu-box .menu-list .firstItem .firstItem-title i.active {

    transform: rotate(45deg);

  }

  header .section .header-box .menu-box .menu-list .firstItem .firstItem-title i::before {

    content: '';

    width: 16px;

    position: absolute;

    height: 2px;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    margin: auto;

    background: #000;

  }

  header .section .header-box .menu-box .menu-list .firstItem .firstItem-title i::after {

    content: '';

    height: 16px;

    position: absolute;

    width: 2px;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    margin: auto;

    background: #000;

  }

  header .section .header-box .menu-box .menu-list .firstItem .firstItem-title::after {

    display: none;

  }

  header .section .header-box .menu-box .menu-list .firstItem .second-box {

    top: 0 !important;

    border-top: none;

    box-shadow: none;

    position: relative;

    left: 0;

    font-size: 12px;

    transform: translateX(0);

    width: 92.5%;

    margin-left: 5%;

    margin-bottom: 20px;

  }

  header .section .header-box .menu-box .menu-list .firstItem .second-box .second-box-list {

    margin-top: 0;

    padding: 10px;

  }

  header .section .header-box .menu-box .menu-list .firstItem .second-box .second-box-list::after {

    left: 20px;

    right: auto;

  }

  header .section .header-box .menu-box .menu-list .firstItem .second-box a {

    text-align: left;

    margin-bottom: 10px;

  }

  header .section .header-box .menu-box .menu-list-phone {

    background: #fff;

    border-top: 1px solid #e5e5e5;

    position: absolute;

    height: 100vh;

    left: 0;

    width: 100%;

    top: 50px;

    padding: 20px;

    display: none;

    z-index: 10;

  }

  header .section .header-box .menu-box .menu-list-phone .menu-list-box {

    display: flex;

    justify-content: space-between;

    height: 100%;

  }

  header .section .header-box .menu-box .menu-list-phone .menu-aside {

    border-right: 1px solid #e1e3e6;

    height: 100%;

    overflow: hidden;

    width: 120px;

  }

  header .section .header-box .menu-box .menu-list-phone .menu-aside .item {

    margin-bottom: 30px;

    position: relative;

    padding-left: 10px;

  }

  header .section .header-box .menu-box .menu-list-phone .menu-aside .item a {

    display: block;

  }

  header .section .header-box .menu-box .menu-list-phone .menu-aside .item.active::after {

    content: '';

    width: 4px;

    height: 15px;

    background: var(--dominant-color);

    left: 0;

    top: 0;

    bottom: 0;

    margin: auto;

    position: absolute;

  }

  header .section .header-box .menu-box .menu-list-phone .menu-content {

    flex: auto;

    width: calc(100% - 120px);

    padding: 0 10px;

  }

  header .section .header-box .menu-box .menu-list-phone .menu-content .item-content {

    display: none;

  }

  header .section .header-box .menu-box .menu-list-phone .menu-content .item-content.active {

    display: block;

  }

  header .section .header-box .menu-box .menu-list-phone .menu-content .item-list {

    display: flex;

    flex-wrap: wrap;

  }

  header .section .header-box .menu-box .menu-list-phone .menu-content .item-list .item {

    width: 50%;

    padding: 0 20px;

    margin-bottom: 20px;

  }

  header .section .header-box .menu-box .menu-list-phone .menu-content .item-list .item .title {

    font-size: 12px;

    color: #666;

    text-align: center;

  }

  header .section .header-box .menu-box .menu-list-phone .menu-content .item-list .item .summary {

    font-size: 12px;

    text-align: center;

  }

  header .section .header-box .menu-box .menu-list-phone .menu-content .item-list .item .imgBox {

    height: auto;

  }

  header .section .header-box .menu-box .menu-list-phone .menu-content .item-list .item .news-img {

    height: 80px;

    display: flex;

    align-items: center;

    justify-content: center;

  }

  header .section .header-box .menu-box .menu-list-phone .menu-content .item-list .item .news-title {

    text-align: center;

    font-size: 12px;

  }

  header .section .header-box .menu-box .menu-list-phone .menu-content .item-list .item .second-item-support-link a {

    display: block;

    color: #666;

    font-size: 12px;

    margin-top: 10px;

  }

  header .section .header-box .menu-box .menu-list .firstItem:last-child span {

    display: inline-block;

  }

  header .section .header-box .menu-box .menu-list .firstItem:last-child img {

    display: none;

  }

  header .section .header-box .menu-box .menu-list .firstItem.product .second-box .second-box-list {

    flex-wrap: wrap;

  }

  header .section .header-box .menu-box .menu-list .firstItem.product .second-box .second-box-list .product-list {

    flex-basis: 50%;

  }

  header .section .header-box .menu-box .menu-list .firstItem.product .second-box .second-box-list .product-list .img {

    display: none;

  }

  .footer .footer-top .footer-menu {

    display: none;

  }

}

@media screen and (max-width: 768px) {

  .index-title .title {font-size: 30px;}

  .index-title .sub {

    font-size: 14px;

    margin: 5px auto 10px;

  }

  .index-box1 .index-box1-box .left {

    margin-bottom: 0;

  }

  .index-box1 .index-box1-box .right .item {

    flex-basis: calc((100% - 20px) / 2);

    margin-top: 20px;

  }

  .index-box2 .index-box2-menu {

    flex-wrap: wrap;

    margin: 30px auto;

  }

  .index-box2 .index-box2-menu a {

    flex-basis: calc(80% / 3);

    font-size: 16px;

    margin-right: 5%;

    padding-right: 5%;

    margin-bottom: 20px;

  }

  .index-box2 .index-box2-menu a:nth-child(3n) {

    margin-right: 0;

    padding-right: 0;

  }

  .index-box2 .index-box2-menu a:nth-child(3n)::after {

    display: none;

  }

  .index-box2 .index-box2-box .right .sup {

    font-size: 24px;

  }

  .index-box2 .index-box2-box .right .title {

    font-size: 20px;

    margin-top: 6px;

    margin-bottom: 4px;

  }

  .index-box2 .index-box2-box .right .summary {

    font-size: 14px;

  }

  .index-box2 .index-box2-number .item {

    margin-bottom: 40px;

  }

  .index-box2 .index-box2-number .item .img {

    flex-basis: 40px;

    height: 40px;

  }

  .index-box2 .index-box2-number .item .img img {

    width: 100%;

  }

  .index-box2 .index-box2-number .item .text .number span {

    font-size: 24px;

  }

  .index-box2 .index-box2-number .item .text .summary {

    font-size: 14px;

  }

  .index-box3 .index-box3-tab {

    font-size: 14px;

  }

  .index-box3 .index-box3-tab .item {

    margin: 0 4px;

    padding: 10px 20px;

  }

  .index-box4 .index-box4-box .item {

    flex-basis: 50%;

    padding: 20px;

  }

  .index-box4 .index-box4-box .item .text .title {

    font-size: 16px;

  }

  .index-box4 .index-box4-box .item .text .summary {

    font-size: 14px;

  }

  .index-box5 .index-box5-box .item {flex-basis: calc((100% - 10px) / 2);margin-right: 10px;}
.index-box5 .index-box5-box .item:nth-child(5){

	flex-basis:100%;
	margin-right: 0;


  }

  .index-box5 .index-box5-box .item .text {transform: translateY(16%);}
  .index-box5 .index-box5-box .item .text .summary {
    font-size: 13px;
    line-height: 1.48;}
	.index-box5 .index-box5-box .item .text .line {

    margin: 10px auto;}

  .index-box6 .index-box6-box .item {

    flex-basis: 100%;

    margin-right: 0;

    margin-bottom: 20px;

  }

  .index-box6 .index-box6-box .item .text .title {

    font-size: 16px;

  }

  .index-box7 .index-box7-box .left .item {

    flex-shrink: 0;

    flex-basis: 200px;

    padding-bottom: 50px;

  }

  .index-box7 .index-box7-box .left {

    flex-wrap: nowrap;

    flex-basis: auto;

    overflow: auto;

    margin-bottom: 30px;

  }

  .index-box7 .parent .item {

    flex-basis: 50%;

    border-bottom: 1px solid #eee;

  }

  .index-box7 .index-box7-box .left .item.active .text .title {

    font-size: 14px;

  }

  .index-box7 .index-box7-box .right .item .text {

    font-size: 14px;

    line-height: 1.6;

    padding: 20px;

  }

  .index-box8 .index-box8-menu {

    font-size: 14px;

  }

  .index-box8 .index-box8-menu .item {

    margin: 0 4px;

    padding: 10px 20px;

  }

  .index-box8 .index-box8-box .item .text .text-box .title {

    font-size: 16px;

  }

  .footer .footer-top {

    flex-direction: column;

  }

  .footer .footer-top .footer-menu {

    display: none;

  }

  .footer .footer-top .footer-wechat {

    margin-top: 30px;

    justify-content: flex-start;

    flex-basis: auto;

  }

  .footer .footer-top .footer-wechat .item {

    margin-right: 20px;

    flex-basis: 30%;

  }

  .footer .footer-bottom {

    flex-direction: column;

    align-items: flex-start;

  }

  .footer-contact {

    flex-basis: auto;

  }

  .banner .swiper-slide .text .sub {

    font-size: 15px;

  }
.banner .swiper-slide .img img{width: 100%;max-width: 100%;/* margin-left:-24%!important; */}
.swiper-backface-hidden .swiper-slide{overflow:hidden!important;}
.swiper-button-prev, .swiper-button-next{top:44%!important;}

  .banner .swiper-slide .text .title {

    font-size: 20px;

    margin: 10px 0;

  }

  .banner .swiper-slide .text .img {

    width: 200px;

    display: none;

  }

  .banner .swiper-slide .text .line {

    height: 3px;

    margin-bottom: 10px;

  }

  .banner .swiper-slide .text .summary {

    font-size: 12px;

  }

  .page-menu {

    height: auto;

    background: none;

    box-shadow: none;

  }

  .page-menu .menu-box {

    display: none;

    flex-wrap: wrap;

    justify-content: flex-start;

    width: 100%;

  }

  .page-menu .menu-box::-webkit-scrollbar:horizontal {

    height: 0;

  }

  .page-menu .menu-box .item a {

    padding: 10px;

  }

  .page-menu .menu-box .item {

    height: 40px;

    font-size: 14px;

    flex-shrink: 0;

  }

}

.index-case-list {
  width: 100%;
  max-width: 1440px;
  padding: 0 20px;
	display:table;
	margin-top:40px;
  margin:40px auto;
}
.index-case-list li {
	width:32.5%;
	float:left;
	margin-right:1.25%;
	margin-bottom:20px;
}
.index-case-list li:nth-child(3n) {
	margin-right:0;
}
.index-case-list li:hover {
	box-shadow:0 0 15px 1px rgba(0,0,0,.1);
}
.index-case-list li .img {
	width:100%;
	overflow:hidden;
	height: auto;
	padding-bottom: 64.615%;
	position: relative;
	float: left;
}
.index-case-list li .img  img {
    -moz-transition: all 0.5s linear;
    -o-transition:  all 0.5s linear;
    transition: all 0.5s linear;
    width: 112%;
    height:auto;
    transition:all .5s ease;
    left: 50%!important;
    top: 50%!important;
    -webkit-transform: translate(-50%,-50%)!important;
    -ms-transform: translate(-50%,-50%)!important;
    transform: translate(-50%,-50%)!important;
    position: absolute;
}
.index-case-list li:hover .img img {
    -webkit-transform:  scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform:  scale(1.05);
    transform:  scale(1.05);
    max-width: 108%;
    transition: all .5s ease;
}
.index-case-list li .tbox {
	width:100%;
	box-sizing:border-box;
	border:1px solid #ebebeb;
	border-top:none;
	padding: 0px 20px 0;
	float: left;
}
.index-case-list li .tbox .title {
	width:100%;
	position:relative;
	line-height:36px;
}
.index-case-list li .tbox .title .t1 {
	font-size:16px;
	font-weight:bold;
	color:#222;
}
.index-case-list li .tbox .title .t2 {
	font-size:14px;
	color: #888;
}
.index-case-list li .tbox .title {
	width:100%;
	/* border-top:1px solid #e3e3e3; */
	margin: 5px 0;
	font-size:14px;
	color:#666;
	line-height:36px;
	padding:7px;
	background:url(https://www.zybxg360.com/template/index/img/link1.png) right center no-repeat;
	transition:all ease .3s;
}
.index-case-list li:hover .tbox .title {
	background:url(https://www.zybxg360.com/template/index/img/link2.png) right center no-repeat;
}
.videos {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    background: rgba(0,0,0,0.75);
    width: 100%;
    height: 100%;
}
#video {
    width:100%!important;
}
.videos_tcfw1{
    width: 90%!important;
    max-width: 640px;
    position: absolute;
    left: 50%!important;
    top: 50%!important;
    -webkit-transform: translate(-50%,-50%)!important;
    -ms-transform: translate(-50%,-50%)!important;
    transform: translate(-50%,-50%)!important;
}
.vclose {
    position: absolute;
    right:-26px;
    top:-26px;
    border-radius: 100%;
    cursor: pointer;
}

.ui-sidebar{position:fixed;right:0;bottom:16%;z-index:998;}
.ui-sidebar ul{list-style:none;box-shadow:0px 0px 30px rgba(0,0,0,0.1);border-radius:20px 0 0 20px;}
.ui-sidebar ul li{color:#333;margin-BOTTOM:1px;position:relative;z-index:200;}
.ui-sidebar ul li a{color:#e50112;display:block;width:50px;line-height:45px;text-align:center;background: #e50112c2;height:50px;padding-top: 10px;font-size:15px;}
.ui-sidebar ul li div{position:absolute;right:-100px;top:2px;border:1px solid #d9d9d9;box-shadow:0px 0px 30px rgba(0,0,0,0.1);background:#fff;font-size:15px;color:#333;border-radius:4px;padding:10px;line-height:40px;opacity:0;min-width:120px;transition:all .5s ease;text-align:center;z-index:-1;white-space:nowrap;}
.ui-sidebar ul li div:after{content:" ";position:absolute;width:.5rem;height:.5rem;border-left:0;border-bottom:0;background:#fff;border:1px solid #d9d9d9;border-bottom:0;border-right:0;right:-.3rem;top:50%;transform:translateY(-50%) rotate(-225deg);}
.ui-sidebar ul li a:hover{color:#fff;background:#e50112;border-color:#e50112;border-bottom-color:#fff;}
.ui-sidebar ul li:hover div{opacity:1;right:60px;}
.ui-sidebar ul li.active a{color:#fff;display:block;width:50px;line-height:45px;text-align:center;background:#1890FF;border:1px solid #e50112;}
 .g_fnva{position:fixed;z-index:100;bottom:0;width:100%;max-width:768px;min-width:320px;background: #454545;height: 50px;line-height: 50px;display:none}
    .m-f01 li{float: left;color: #fff;width: 33.33%;text-transform: uppercase;padding-left: 10%;position: relative;border-right: 1px solid rgb(255 255 255 / 30%);box-sizing:border-box;}
        .m-f01 li em{    position: absolute;
    left: 8%;
    top: 12px;
    width: 27px;
    height: 27px;}
        .m-f01 li img{width: 100%;display: block;}
        .m-f01 a{ color:#fff;display:block;font-size: 14px;}
@media screen and (max-width: 768px) {
  .index-box1 .index-box1-box .left .item .imgBox {
    padding-bottom:calc(730 / 450 * 40%) ;
  }

  .index-box1 .index-box1-box .item .text .title {
    font-size: 14px;
  }
  .index-box1 .index-box1-box .item .text {
    left: 20px;
    bottom: 20px;
  }
  .index-box7 .index-box7-box .right .item .imgBox {
    height: 300px;
  }

  .index-box8 .index-box8-box .item .imgBox {
    height: 200px;
  }

  .banText {
    top: 25%;
  }

  .newsDl dt {
    height: 150px;
  }
  .proPg-hd .proPg-rt,.proPg-hd .proPg-lt {
    width: 100% !important;
  }

  .index-case-list li {
    width: 48.75%;
  }
  .index-case-list li:nth-child(3n) {
    margin-right: 1.25%;
  }
  .index-case-list li:nth-child(2n) {
    margin-right: 1.25%;
  }

  .index-box5 .index-box5-box .item .text .title {
    font-size: 14px;
  }
.ui-sidebar{ display:none}
 .g_fnva{ display: block}
 .footer .footer-bottom{ padding:20px 0 66px 0}
}